{% extends "mobile/common/vacation_base.html" %}

{% block title %}住客偏好{% endblock %}
{% block css_ex %}
    <!-- build:css(.tmp) css/hotel/hotel_type.css -->
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}mobile/css/hotel/hotel_type.css">
    <!-- endbuild -->
{% endblock %}

{% block app_header %}
    <script>
        {% if not is_breadtrip %}
        // System
        var breadtripBannerTitle = '住客偏好';
        var activityName = '住客偏好';
        // Display share button or not
        var shrFlag = 0;
        // Display back button or not 
        var goBackFlag = false;
        var confirmFlag = true;
        {% else %} 
        // App 显示底部navigation bar
        var bt_show_bottom_bar = 'YES';

        // System
        var breadtrip_banner_title = '住客偏好';
        var activity_name = '住客偏好';

        // Display share button or not
        var shr_flag = 0;
        {% endif %}   
    </script>
{% endblock %}

{% block content %} 
    <ul class="hotel-type">
        <li class="only" data-value="尽量安排无烟房" data-id='3'>
            <span class="select-circle"><i class="icon-selected"></i></span>
            尽量安排无烟房
        </li>
        <li class="only" data-value="尽量安排吸烟房"  data-id='2'>
            <span class="select-circle"><i class="icon-selected"></i></span>
            尽量安排吸烟房
        </li>
        <li class="" data-value="尽量安排高楼层"  data-id='1'>
            <span class="select-circle"><i class="icon-selected"></i></span>
            尽量安排高楼层
        </li>
    </ul>
    <div class="finish-btn hide">完成</div>
{% endblock %}

{# 不加载swipe组件 #}
{% block js_swipe %}{% endblock %}

{# 不加载zepto touch组件 #}
{% block js_touch %}{% endblock %}

{% block js_ex %}
<script type="text/javascript">
    BT.context('hotelId', '{{ hotel_id }}')
    BT.context('backUrl', '{{ back_url }}')
</script>
<!-- build:js js/hotel/hotel_preference_main.js -->
<script src="{{ STATIC_URL }}mobile/js/hotel/hotel_preference.js"></script>
<!-- endbuild -->
{% endblock %} 
    
